<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>添加订单</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link href="../dt/css/common.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="../dt/js/jquery-1.7.2.js" ></script>
</head>
<body>
	<div id="top">
	    <div class="Inside_pages">
			<div class="hd_top_manu clearfix">
			  <ul class="clearfix">
			   		<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="/dt/que.do">五谷香首页</a></li>  
			   	<c:if test="${name == null || name == ''}">
					<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="/dt/login.htm">登录${name }</a></li> 
					<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="/dt/reg.htm">注册</a></li> 
				</c:if>
				<c:if test="${name != null || name != ''}">
					<li class="hd_menu_tit" data-addclass="hd_menu_hover">${name}</li>
					<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="/dt/logout.do">退出</a></li>
				</c:if>
			  </ul>
			</div>
		</div>
	</div>
	<div class="Navigation" id="Navigation" style="height:80px">
		 <ul class="Navigation_name">
		  	<li><img alt="" src="../dt/img/logo.jpg" style="width:100px;height:80px"></li>
            <!-- <li id="jie"><a href="/dt/index.do" class="active"><i class="fa fa-home fa-fw"></i>我的首页</a></li>
			<li id="jie"><a href="/dt/setUser.htm"><i
					class="fa fa-bar-chart fa-fw"></i>修改信息</a></li>
            <li id="jie"><a href="/dt/queryStateOrder.do?orderState=已支付"><i
					class="fa fa-database fa-fw"></i>订单中心</a></li>
			<li id="jie"><a href="/dt/queryTrade.do"><i
					class="fa fa-map-marker fa-fw"></i>交易记录</a></li>
			<li id="jie"><a href="/dt/shopping.do"><i
					class="fa fa-map-marker fa-fw"></i>我的购物车</a></li>
			<li id="jie"><a href="/dt/addCity.do"><i
					class="fa fa-map-marker fa-fw"></i>地址管理</a></li> -->
		 </ul>			 
	</div>
	<div id="impo">
		<div id="head">
			我的订单
		</div>
		<div id="body">
			<form action="/dt/order/addOrder.do" method="post" id="form">
				<table border="1" cellspacing="0" cellpadding="2">
					<tr>
						<td>商品名称</td>
						<td>商品数量</td>
						<td>商品单价</td>
						<td>用户名</td>
						<td>手机号</td>
						<td>收货地址</td>
					</tr>
					<c:forEach items="${messages}" var="message">
						<input type="hidden" value="${message.goodName}" name="goodName" />
						<input type="hidden" value="${count}" name="goodNumber" />
						<input type="hidden" value="${message.nowPrice}" name="goodPrice" />
						<!-- <input type="hidden" value="" name="remark" /> -->
						<%-- <input type="hidden" value="${query.id}" name="addressId" /> --%>
						<tr>
							<td><c:out value="${message.goodName}"></c:out></td>
							<td><c:out value="${count}"></c:out></td>
							<td><c:out value="${message.nowPrice}"></c:out></td>
							<td colspan="3">
								<select id="start" name="addressId">
									<option value="">请选择</option>
									<c:forEach items="${query}" var="query">
									<option value="${query.id}">"${query.nickName}->${query.userPhone}->${query.address}"</option>
									</c:forEach>
								</select>
							</td>		
						</tr><input name="goodId" type="hidden" id="act" value="${message.id}" />
					</c:forEach>
				</table><br />
				<textarea class="textarea" name="remark" rows="" cols="" placeholder="亲!可以在这里填写备注哟"></textarea><br />
				<input type="button" id="button" value="结算"/>
				<div id="attention">
					<div id="tou"></div>
					<input type="password" name="passwd" id="passwd" placeholder="请填写您的支付密码" /><br/>
					<input type="button" id="but" value="取消"/>
					<input type="submit" class="sub" value="立即支付"/>
				</div>
			</form>
		</div>
	</div>
	<div id="slogan">
		<span id="slogan_one"><b id="slogan_two">优</b> 品种优良</span>
		<span id="slogan_one"><b id="slogan_two">绿</b> 绿色健康</span>
		<span id="slogan_one"><b id="slogan_two">精</b> 米中精品</span>
		<span id="slogan_one"><b id="slogan_two">香</b> 优选五谷香</span>
	</div>
	<style type="text/css">
		#tou{
			border: 1px solid #d7dcd5;
			height: 40px;
			width: 515px;
			background: #d7dcd5;
			border-radius: 6px;
		}
		#passwd{
			width: 320px;
			height: 37px;
			margin-top: 90px;
			margin-left:100px;
			color: #6e960c;
			font-size:20px;
			border-radius: 25px;
		}
		#impo{
			border: 1px solid #90b830;
			width: 900px;
			height: 600px;
			margin: 65px auto;
		}
		#head{
			height: 50px;
			width: 900px;
			text-align: center;
			line-height: 50px;
			font-size: 36px;
			letter-spacing:18px;
			background: #90b830;
		}
		.textarea{
			border: 1px solid #90b830;
			width: 898px;
			text-align: center;
			font-size: 20px;
			padding-top:20px;
		}
		table{
			width: 900px;
			border: 0px solid #90b830;
			font-size: 20px;
			text-align: center;
			line-height: 60px;
			padding:10px;
		}
		#button{
			height: 45px;
			width: 200px;
			font-size: 22px;
			background-color: #90b830;
			left: 645px;
			top: 250px;
			position: relative;
		}
		.sub,#but{
			height: 35px;
			width: 80px;
			font-size: 17px;
			background-color: #90b830;
			left: 320px;
			top: 120px;
			position: relative;
			border-radius: 25px;
		}
		.Navigation_name > #jie{
			margin-top:20px;
		}
		#t{
			float:left;
			padding-right:30px;
			margin-left:110px;
			position:relative;
		}
		#slogan{
			position: relative;
			top:22px;
			left:45px;
			height:80px;
			width:1000px;
			margin:auto;
		}
		#slogan_one{
			font-size:25px;
			margin-left:70px;
		}
		#slogan_two{
			font-weight:bolder;
			font-size:28px;
			color:red;
		}
		#attention{
			border: 1px solid #d7dcd5;
			height: 340px;
			width: 517px;
			position: relative;
			left: 160px;
			bottom: 170px;
			background-color: #f4f7f3;
			display: none;
		}
	</style>
	<script type="text/javascript">
		$("#button").click(function(e){
			$("#attention").css("display","block");
			/* $(".textarea").attr("disabled","disabled");
			$("#start").attr("disabled","disabled");
			$("#button").attr("disabled","disabled"); */
		})
		$("#but").click(function(e){
			$("#attention").css("display","none");
			/* $(".textarea").prop("disabled",false);
			$("#start").prop("disabled",false);
			$("#button").prop("disabled",false); */
		})
		/* $(".sub").click(function(){
			alert($("#form").serialize());
			$.post($("#form").attr("action"),$("#form").serialize(),function(data){
				
			}) 
		})*/
	</script>
</body>
</html>